<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<?php
session_start();
require_once 'code/Util.php';
?>
<html>
    <head>
        <link rel="shortcut icon" href="images/iTrack.ico"> 
        <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
        <META HTTP-EQUIV="CACHE-CONTROL" CONTENT="PRIVATE">
        <META HTTP-EQUIV="CONTENT-LANGUAGE" CONTENT="en-US">
        <META NAME="DESCRIPTION" CONTENT="Tasks application home page">
        <META NAME="KEYWORDS" CONTENT="iTrack">
        <META NAME="COPYRIGHT" CONTENT="&copy; iTrack 2013">

        <title>iTrack - About</title>

        <link href="assets/css/bootstrap.css" rel="stylesheet">
        <style type="text/css">
            body {
                padding-top: 60px;
            }
        </style>
        <link href="assets/css/bootstrap-responsive.css" rel="stylesheet">

        <script type="text/javascript">
            $(document).ready(function() {
		
            });
        </script>
        <style type="text/css">
            .sidebar-nav {
                padding: 9px 0;
            }
            .listcontents {
                padding:10px;
            }
        </style>

    </head>
    <body>
        <?php        
        if (isset($_SESSION['userid'])) {
            ?>
            <input type="hidden" id="userid" name="userid" value="<%= userid %>">

            <?php
            Util::getNavBar();
            ?>

            <div class="container-fluid">
                <div class="row-fluid">
                    <div class="span2">
                        <div class="well sidebar-nav">
                            <?php
                            echo Util::getLeftNavList('About');
                            ?>
                        </div><!--/.well -->
                    </div><!--/span-->
                    <div class="span10">          
                        <div class="row-fluid">
                            <div class="span12">
                                <h2>About</h2>
                                <div class="well" style="line-height: 2em;">
                                    <img alt="iTrack" src="images/pc logo.png">
                                    <div style="font-size: medium;">
                                        iTrack allows you to
                                        Team Up, Collaborate, Build & Ship Great Software OnTime.
                                    </div>
                                    <div style="font-size: medium;">
                                        We believe software should be useful, simple, and fast - so you can work better, get more accomplished, and make smarter decisions for your business.
                                    </div> 
                                </div>

                            </div><!--/span-->           
                        </div><!--/row-->

                        <div class="row-fluid">
                            <div class="span12">
                                <h2>What is iTrack</h2>
                                <div style="font-size: small;">
                                    iTrack is an online platform that makes it easy for people to create, organize, discuss, 
                                    and accomplish tasks with anyone, anytime, anywhere. Designed for simplicity and easy of use, with powerful 
                                    functionality, we're out to revolutionize the way the world's productive teams get things done.					
                                </div>
                            </div>
                        </div>
                    </div><!--/span-->
                </div><!--/row-->

                <!-- Include footer -->
                <?php include_once 'footer.php'; ?>
            </div>


            <!-- Placed at the end of the document so the pages load faster -->
            <script src="assets/js/jquery.js"></script>
            <script src="assets/js/bootstrap-transition.js"></script>
            <script src="assets/js/bootstrap-alert.js"></script>
            <script src="assets/js/bootstrap-modal.js"></script>
            <script src="assets/js/bootstrap-dropdown.js"></script>
            <script src="assets/js/bootstrap-scrollspy.js"></script>
            <script src="assets/js/bootstrap-tab.js"></script>
            <script src="assets/js/bootstrap-tooltip.js"></script>
            <script src="assets/js/bootstrap-popover.js"></script>
            <script src="assets/js/bootstrap-button.js"></script>
            <script src="assets/js/bootstrap-collapse.js"></script>
            <script src="assets/js/bootstrap-carousel.js"></script>
            <script src="assets/js/bootstrap-typeahead.js"></script>

            <?php
        } else {
            header("location: login.php");
        }
        ?> 
    </body>
</html>